﻿@model List<KhatVongViet.Models.Article>


<div class="content-tinnoibat" style="width: 357px; height:400px; margin-left : 5px">
    <div class="div-covertitle"style="background: url(../../Content/images/main-title-image-7.png);text-align:right"">
        <div class="div-title-text"; style="float:right;height: 28px; padding-right:20px" >
                <a href="/Home/AllDetailLibrary" class="titlelink-2">THƯ VIỆN</a>
        </div>
    </div>
    <div class="content-tinnoibatconner" style="float:right; background: url(../../Content/images/conner-title-image-2.png)">
    </div>
    <div class="content-tinnoibatcontent" style="width:340px; height:360px ;box-shadow: 1px 1px 1px #ccc; float:left;background:#f7f9c4">
        <div class="box-tinnoibat-main" style=" width:325px;height:200px ;float:left ;box-shadow: 0px 0px 0px #ccc; border-bottom: 1px solid #80520a; margin-left:5px;">
            <div class="box-tinnoibat-image-chinh" style="float:left; width: 150px; height:120px; margin-right:4px;">
                <a href="" >
                    <img style="width:150px; height:120px;" src="../../Content/images/example.jpg"/>
                </a>
            </div>

            <div class="box-tinnoibat-text-tieudechinh" style=" width:160px; max-height : 140px;font-size:15px; float:left; padding-bottom:10px; padding-top: 5px">
                <a href="/Home/DetailArticle?idArticle=@Model[0].ID" class="titlelink-main">
                    @Model[0].Title
                </a>
            </div>
            <div class="box-tinnoibat-text-tieude-gioithieu" style=" width:315px;font-size:14px; margin:0px 5px 0px 5px;">
                @Model[0].Summary
            </div>

        </div>

        <div class="box-tinnoibat-sub" style="float:left; width:200px; margin-left: 10px; font-size:13px;">
            @for (int i = 1; i < Model.Count; i++)
            {
                <div class="box-tinnoibat-minisub" style="width:315px;margin-top:5px; max-height:20px;">
                    <a href="/Home/DetailArticle?idArticle=@Model[i].ID" class="titlelink-main">
                        @Model[i].Title
                    </a>
                </div>
            }
            
        </div>
    </div>
</div>